/* 导入SCSS变量 */
@import '../uni.scss';

/* 共享的样式定义 */

/* 页面容器 */
.page-container {
  background-color: $background-dark;
  min-height: 100vh;
}

/* 标题和小标题 */
.page-title {
  font-size: $font-size-large;
  font-weight: 500;
  color: $dark-text;
}

.section-title {
  font-size: $font-size-medium;
  font-weight: 500;
  margin-bottom: $spacing-small;
}

.section-subtitle {
  font-size: $font-size-small;
  color: $light-text;
  margin-bottom: $spacing-small;
}

/* 卡片样式 */
.card {
  background-color: $background-light;
  border-radius: $border-radius-medium;
  box-shadow: $box-shadow;
  margin-bottom: $spacing-medium;
  overflow: hidden;
}

.card-header {
  padding: $spacing-medium;
  border-bottom: 1px solid $border-color;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.card-content {
  padding: $spacing-medium;
}

.card-footer {
  padding: $spacing-medium;
  border-top: 1px solid $border-color;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* 按钮样式 */
.btn {
  height: 40px;
  line-height: 40px;
  padding: 0 $spacing-medium;
  border-radius: $border-radius-medium;
  font-size: $font-size-base;
  text-align: center;
  box-sizing: border-box;
}

.btn-primary {
  background-color: $primary-color;
  color: #ffffff;
}

.btn-secondary {
  background-color: $secondary-color;
  color: $dark-text;
}

.btn-outline {
  background-color: transparent;
  border: 1px solid $border-color;
  color: $dark-text;
}

/* 输入框样式 */
.input-group {
  margin-bottom: $spacing-medium;
}

.input-label {
  font-size: $font-size-base;
  margin-bottom: $spacing-mini;
  display: block;
}

.input {
  width: 100%;
  height: 40px;
  border: 1px solid $border-color;
  border-radius: $border-radius-small;
  padding: 0 $spacing-small;
  font-size: $font-size-base;
}

.textarea {
  width: 100%;
  height: 100px;
  border: 1px solid $border-color;
  border-radius: $border-radius-small;
  padding: $spacing-small;
  font-size: $font-size-base;
  resize: none;
} 